@font-face {
    font-family: 'VCR OSD Mono';
    font-style: normal;
    font-weight: 100;
    src: local('VCR OSD Mono'), url('https://fonts.cdnfonts.com/s/14798/VCR_OSD_MONO_1.001[1].woff') format('woff');
}


body{
    margin: 0;
    padding: 0;
    background-color:hsl(213, 26%, 8%);
     color:#ffa600;
    overflow: scroll;
    scrollbar-width: thin;
    overflow-x: hidden;
    font-family: 'VCR OSD Mono';
    font-weight: 200;

}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(
        to bottom,
        rgba(18, 16, 16, 0) 50%,
        rgba(0, 0, 0, 0.25) 50%
    );
    background-size: 100% 8px;
    z-index: 2;
    pointer-events: none;
    animation: flicker 0.30s infinite;
}



.container{
    display: flex;
    justify-content: space-evenly;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    align-content: space-evenly;
    column-gap: 1em;
    height: 40px;
}

.navbar a {
    color: #ffa600;
    text-decoration: none;
}

a:hover { text-shadow: 0 0 5px #ff8800; }

.container2{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-right:3em;
}


img{
    display: flex;
    justify-content: center;
    width: 49%;
    margin: auto;
    padding: auto;
    
    

}



/*animation*/
@keyframes flicker {
		0% { opacity: 0.15795 }
		5% { opacity: 0.31511 }
		10% { opacity: 0.94554 }
		15% { opacity: 0.2469 }
		20% { opacity: 0.62031 }
		25% { opacity: 0.0293 }
		30% { opacity: 0.00899 }
		35% { opacity: 0.5344 }
		40% { opacity: 0.12778 }
		45% { opacity: 0.52042 }
		50% { opacity: 0.3823 }
		55% { opacity: 0.2198 }
		60% { opacity: 0.9383 }
		65% { opacity: 0.86615 }
		70% { opacity: 0.68695 }
		75% { opacity: 0.55749 }
		80% { opacity: 0.96984 }
		85% { opacity: 0.0361 }
		90% { opacity: 0.24467 }
		95% { opacity: 0.08351 }
		100% { opacity: 0.54813 }
	}